<div class="navigation-bar">
    <div class="navigation-bar-inner">
        <span class="menu-pull"></span>
        <div class="brand border-color-white">
            <img src="../images/banner.jpg" style="width: 400px; height: 50px;">
        </div>
        <ul align="right">
            <li><a href="/">Home<i class="icon-home"></i></a></li>

            <li data-role="dropdown" class="sub-menu">
                <a href="#">Products</a>
                <ul class="dropdown-menu">
                    <li><a href="../ViewProduct.jsp">Shoes</a></li>
                    <li><a href="../ViewProduct.jsp#frame2">Clothes & More</a></li>
                    <li><a href="../ViewProduct.jsp#frame3">Collections</a></li>
                    <li class="divider"></li>
                    <li><a href="../ViewProduct.jsp#frame4">Sale</a></li>
                </ul>
            </li>

            <li data-role="dropdown" class="sub-menu">
                <a href="#">News & Events</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Hot News</a></li>
                    <li><a href="#">Sale off</a></li>
                    <li><a href="#">Gift<i class="icon-gift"></i></a></li>
                </ul>
            </li>
            <li><a href="#">Galerry<i class="icon-pictures"></i></a></li>
            <li><a href="../LoginPage.jsp">Login</a></li>
        </ul>
    </div>
</div>